A Visual Programming Model for User Interface Animation
نویسنده
چکیده
havior; its smoothness corresponds to our perception of motion and changes in the real world. In a UI, animation may illustrate the dynamic behavior of both interacting entities: the user and the underlying application. When changes are illustrated by a sudden switch from one visual configuration to another, the user has to deduce the causal link between the two states. Continuous animation provides object constancy and replaces this cognitive effort by a simple perceptual activity [10]. Moreover, animation is a very efficient way of conveying information in UIs. Animation is a natural way to represent dynamic behavior, but the lack of models and the difficulty of programming animation have limited its introduction into the user interface (UI). Visual programming techniques may greatly simplify animation creation, but most of the current approaches are limited to a specific application class. This paper describes HandMove, a general and powerful model for UI animation, which allows visual programming. HandMove is able to express and to homogeneously combine various UI animation types: spontaneous, interactive and application-controlled animation. Its visual model extends path-based specification to describe continuous and sudden changes, dynamic trajectory modification, communication between objects, etc. The article also proposes a formal definition of the HandMove model as a visual programming language. With few exceptions, current UI animation models are restricted to a specific application. The bipolarity of human-computer interaction may suggest to classify such applications into two categories the first one is centred on program behavior and the second one on user actions. The first class includes well-known animation applications: simulation of dynamic systems [8], algorithm animation [2] [11], data visualization [10]. The second category implements animated feedback to user actions in order to provide a more realistic interaction [4] [14]. A third category may be added to this classification : predefined UI animation, not controlled either by the user or by the underlying application. This case is typically found in animated presentations or animated help [1] [13].
منابع مشابه
Visual Programming for Animation in User Interfaces
We present the visual programming techniques used by the HandMove system, which creates animated scenes based on a path-oriented model (described in [4]). Resulting animation modules are integrated in user interfaces created with a classical interface builder (XFaceMaker, produced by Non Standard Logics). We present the visual programming features of the HandMove system, which creates independe...
متن کاملHandMove: a system for creating animated user interface components by direct manipulation
We describe HandMove (Human ANimation by Direct Manipulation of Objects and Visual Elements), a highly interactive system for building animated scenes by direct manipulation. Its underlying model is based on concurrent evolution of graphical objects, position and attribute constraints, trajectory-based motion, event synchronization. Animation may be produced by time signals, user input or appli...
متن کاملTraversal - based Visualization of Data Structures ∗ Jeffrey
Algorithm animation systems and graphical debuggers perform the task of translating program state into visual representations. While algorithm animations typically rely on user augmented source code to produce visualizations, debuggers make use of symbolic information in the target program. As a result, visualizations produced by debuggers often lack important semantic content, making them infe...
متن کاملdesigning and implementing a 3D indoor navigation web application
During the recent years, the need arises for indoor navigation systems for guidance of a client in natural hazards and fire, due to the fact that human settlements have been complicating. This research paper aims to design and implement a visual indoor navigation web application. The designed system processes CityGML data model automatically and then, extracts semantic, topologic and geometric...
متن کاملEncapsulated Models: Procedural Representations for Computer Animation
This research defines the term “encapsulated model” or “emodel.” An encapsulated model is an animated object containing an integrated set of dynamic attributes — e.g., shape, motion, materials (surface properties), light sources, cameras, user interfaces, sound — represented by a procedural data format (i.e., a program written in a procedural animation language). A set of properties that charac...
متن کاملذخیره در منابع من
با ذخیره ی این منبع در منابع من، دسترسی به آن را برای استفاده های بعدی آسان تر کنید
عنوان ژورنال:
دوره شماره
صفحات -
تاریخ انتشار 1997